<template>
  <div>
    <!-- <p>age: {{ data && data.age }}</p> -->
    <p>age: {{ data?.age }}</p>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    // data 的数据不一定（可能是简单数据类型也可能是复杂的，建议用 ref）
    const data = ref(null)

    setTimeout(() => {
      data.value = { age: 18 }
    }, 1000)

    return { data }
  }
}
</script>

<style lang="scss" scoped></style>